<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title th:text="${application.USM_CONTEXT_FULLNAME}"></title>
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport" />
<meta name="_csrf" th:content="${_csrf.token}"/>
<meta name="_csrf_header" th:content="${_csrf.headerName}"/>
<link rel="stylesheet" th:href="@{/statics/css/bootstrap.min.css}" />
<link rel="stylesheet" th:href="@{/statics/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/statics/css/AdminLTE.min.css}" />
<link rel="stylesheet" th:href="@{/statics/css/all-skins.min.css}" />
<link rel="stylesheet" th:href="@{/statics/css/main.css}" />
</head>
<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">
		<header class="main-header">
			<a th:href="@{/index}" class="logo"> <span
				class="logo-mini"><b th:text="${application.USM_CONTEXT_SHORTNAME}"></b></span> <span class="logo-lg"><b th:text="${application.USM_CONTEXT_FULLNAME}"></b></span>
			</a>
			<nav class="navbar navbar-static-top" role="navigation">
				<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
					role="button"> <span class="sr-only">Toggle navigation</span>
				</a>
				<div style="float: left; color: #fff; padding: 15px 10px;" th:inline="text">
					你好 [[${#httpServletRequest.remoteUser}]], 欢迎使用!
				</div>
				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<li><a th:href="@{/ws}" target="_blank"><i
								class="fa fa-comments"></i> &nbsp;动弹一下</a></li>
						<li><a th:href="@{/toggle/t}" ><i
								class="fa fa-toggle-on"></i> &nbsp;主题切换</a></li>
						<li><a href="javascript:;" onclick="IndexHandler.updatePassword()" ><i
								class="fa fa-lock"></i> &nbsp;修改密码</a></li>
						<li><a href="javascript:document.getElementById('logout').submit()" ><i class="fa fa-sign-out"></i>
								&nbsp;退出系统</a>
							<form id="logout" style="{display:none}" th:action="@{/logout}" method="post"/>
						</li>
					</ul>
				</div>
			</nav>
		</header>
		<aside class="main-sidebar">
			<section class="sidebar">
				<ul class="sidebar-menu">
					<li class="header">导航菜单</li>
					<li th:each="menu,menuStat:${menus}">
						<a th:href="${menu.children.size() gt 0 ? 'javascript:;': menu.url}" th:target="${menu.children.size() gt 0 ? '':menu.target}" >
							<i th:class="${menu.icon}"></i> 
							<span th:text="${menu.name}"></span>
 							<i th:if="${menu.children.size() gt 0}" class="fa fa-angle-left pull-right"></i>
 						</a> 
 						<ul th:if="${menu.children.size() gt 0}" class="treeview-menu">
						 	<li th:each="smenu,smenuStat:${menu.children}">
								<a th:href="${smenu.url}"  th:target="${smenu.target}" th:attr="data-breadcrumb=${menu.name+':'+smenu.name}">
						 			<i th:class="${smenu.icon}"></i>
						 			<span th:text="${smenu.name}"></span> 
						 		</a>
						 	</li>
					  	</ul>
  					</li>
				</ul>
			</section>
		</aside>
		<div class="content-wrapper">
			<section class="content-header">
				<ol class="breadcrumb" id="nav_title"
					style="position: static; float: none;">
					<li class="active"><i class="fa fa-home"
						style="font-size: 20px; position: relative; top: 2px; left: -3px;"></i>
						&nbsp; 控制台</li>
				</ol>
			</section>
			<section class="iframe-content content" style="background: #fff;">
				<iframe  name="main_frame" id="iframeId" scrolling="yes" frameborder="0"
					style="width: 100%; min-height: 200px; overflow: visible; background: #fff;"
					th:src="@{/main}"></iframe>
			</section>
		</div>
		<footer class="main-footer">
			<div class="pull-right hidden-xs"><small>更新于: </small><span th:text="${upgradeTime}"></span>  Version 3.0.0 @ C &nbsp;&nbsp;&nbsp;  </div>
			Copyright &copy; 2017-2018 <a href="http://www.ky-express.com" target="_blank">KYE</a>
			All Rights Reserved
		</footer>
		<div class="control-sidebar-bg"></div>
		<div id="passwordLayer" style="display: none;">
			<form class="form-horizontal">
				<div class="form-group">
					<div class="form-group">
						<div class="col-sm-2 control-label">账号</div>
						<span class="label label-success" style="vertical-align: bottom;" th:text="${#httpServletRequest.remoteUser}">[[${#httpServletRequest.remoteUser}]]</span>
					</div>
					<div class="form-group">
						<div class="col-sm-2 control-label">原密码</div>
						<div class="col-sm-10">
							<input type="password" class="form-control" name="password"
								placeholder="输入原密码" />
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-2 control-label">新密码</div>
						<div class="col-sm-10">
							<input type="password" class="form-control" name="newPassword"
								placeholder="输入新密码" />
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-2 control-label">确认密码</div>
						<div class="col-sm-10">
							<input type="password" class="form-control" name="newPwd"
								placeholder="再次输入新密码" />
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
	<script th:src="@{/statics/libs/jquery.min.js}"></script>
	<script th:src="@{/statics/libs/bootstrap.min.js}"></script>
	<script th:src="@{/statics/bower_components/jquery-slimscroll/jquery.slimscroll.min.js}"></script>
	<script th:src="@{/statics/libs/app.js}"></script>
	<script th:src="@{/statics/plugins/layer/layer.js}"></script>
	<script type="text/javascript" th:src="@{/statics/js/usm.js}"></script>
	<script type="text/javascript" th:src="@{/statics/js/index-c.js}"></script>
</body>
</html>